<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>小红书搜索结果导出工具</title>
  <link rel="stylesheet" href="popup.css">
</head>
<body>
  <div class="container">
    <h1>小红书搜索结果导出工具</h1>
    
    <div class="stats-section">
      <div id="data-count">已保存数据: <span id="count">0</span> 条</div>
      <div id="last-query">最近查询: <span id="query">-</span></div>
    </div>
    
    <div class="actions">
      <button id="view-data" class="btn primary">查看数据</button>
      <button id="export-json" class="btn">导出 JSON</button>
      <button id="export-csv" class="btn">导出 CSV</button>
      <button id="clear-data" class="btn danger">清空数据</button>
    </div>
    
    <div id="data-view" class="hidden">
      <h2>保存的搜索数据</h2>
      <div class="search-container">
        <input type="text" id="search-input" placeholder="搜索关键词...">
      </div>
      <div id="data-list"></div>
    </div>
    
    <div class="footer">
      <p>提示: 在小红书搜索页面浏览时，数据会自动保存</p>
    </div>
  </div>

  <script src="popup.js"></script>
</body>
</html> 